<!DOCTYPE html>
<html>

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">


  <title>一个多用户博客后台</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
  <link rel="shortcut icon" href="favicon.ico">
  <link href="../public/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
  <link href="../public/css/font-awesome.css?v=4.4.0" rel="stylesheet">
  <link href="../public/css/plugins/iCheck/custom.css" rel="stylesheet">
  <link href="../public/css/animate.css" rel="stylesheet">
  <link href="../public/css/style.css?v=4.1.0" rel="stylesheet">

</head>

<style>
    .container{
      width: 1000px;
    }
    .commentbox{
      width: 900px;
      margin: 20px auto;
    }
    .mytextarea {
        width: 100%;
        overflow: auto;
        word-break: break-all;
        height: 100px;
        color: #000;
        font-size: 1em;
        resize: none;
    }
    .comment-list{
      width: 900px;
      margin: 20px auto;
      clear: both;
      padding-top: 20px;
    }
    .comment-list .comment-info{
      position: relative;
      margin-bottom: 20px;
      margin-bottom: 20px;
      border-bottom: 1px solid #ccc;
    }
    .comment-list .comment-info header{
      width: 10%;
      position: absolute;
    }
    .comment-list .comment-info header img{
      width: 100%;
      border-radius: 50%;
      padding: 5px;
    }
    .comment-list .comment-info .comment-right{
      padding:5px 0px 5px 11%; 
    }
    .comment-list .comment-info .comment-right h3{
      margin: 5px 0px;
    }
    .comment-list .comment-info .comment-right .comment-content-header{
      height: 25px;
    }
    .comment-list .comment-info .comment-right .comment-content-header span,.comment-list .comment-info .comment-right .comment-content-footer span{
      padding-right: 2em;
      color: #aaa;
    }
    .comment-list .comment-info .comment-right .comment-content-header span,.comment-list .comment-info .comment-right .comment-content-footer span.reply-btn,.send,.reply-list-btn{
      cursor: pointer;
    }
    .comment-list .comment-info .comment-right .reply-list {
      border-left: 3px solid #ccc;
      padding-left: 7px;
    }
    .comment-list .comment-info .comment-right .reply-list .reply{
      border-bottom: 1px dashed #ccc;
    }
    .comment-list .comment-info .comment-right .reply-list .reply div span{
      padding-left: 10px;
    }
    .comment-list .comment-info .comment-right .reply-list .reply p span{
      padding-right: 2em;
      color: #aaa;
    }
  </style>


<body class="gray-bg">
  <div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
      <div class="col-sm-12">
        <div class="ibox float-e-margins">
          <div class="ibox-title">
            <h5>评论管理</h5>
            <div class="ibox-tools">
                <a  href="javascript:history.go(-1)">
                    <i class="fa fa-backward"></i>返回
                </a>
            </div>
          </div>
          <div class="ibox-content">
              <div class="container">
                  <!-- <div class="commentbox">
                  <textarea cols="80" rows="50" placeholder="来说几句吧......" class="mytextarea" id="content"></textarea>
                  <div class="btn btn-info pull-right" id="comment">评论</div>
                  </div> -->
                  <div class="comment-list">
                  
                  </div>
                  </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 全局js -->
  <script src="../public/js/jquery.min.js?v=2.1.4"></script>
  <script src="../public/js/bootstrap.min.js?v=3.3.6"></script>
  <script src="../public/static/js/jquery.comment.js"></script>

  <!-- 自定义js -->
  <script src="../public/js/content.js?v=1.0.0"></script>

  <!-- iCheck -->
  <script>
      //初始化数据
   
      $(function(){
        $.ajax({
          url:'/getCmtOne{{id}}',
          type:'GET',
          success:function(res){
            console.log(res)
            $(".comment-list").addCommentList({data:[res],add:""});
          }
        })




       // $(".comment-list").addCommentList({data:arr,add:""});
        $("#comment").click(function(){
          var obj = new Object();
          obj.img="./images/img.jpg";
          obj.replyName="匿名";
          obj.content=$("#content").val();
          obj.browse="深圳";
          obj.osname="win10";
          obj.replyBody="";
          $(".comment-list").addCommentList({data:[],add:obj});
        });
      })
      
    </script>


</body>

</html>